{include file="public/header" /}
<body>
    <header class="all-header">
        <p class="all-header-item">
            <i class="layui-icon layui-icon-left" onclick="window.history.back()"></i>
        </p>
        <p class="all-header-item">案件进展</p>
    </header>

    <div class="progresing-head bg-white">
        <p>
            <span class="def">原</span>{$result.yname}
        </p>
        <div class="pla-box">
            <p class="color-gray">
                <span class="pla">被</span>{$result.bname}
            </p>

        </div>
        <div class="pla-box">
            <p class="color-yellow">{$result.money}万元</p>
            <p class="color-gray">
                <span>{$result.title}</span>
            </p>
        </div>
        <div class="pla-box">
            <p class="ime-rate">立即评价</p>
            <p>
                <span>
                    <i class="layui-icon layui-icon-share color-yellow icon"></i>分享</span>
                <span>
                    <i class="layui-icon layui-icon-set-fill color-yellow icon"></i>管理（0）</span>
            </p>
        </div>
    </div>
    <!-- 切换菜单 -->
    <ul class="ct-tab bg-white">
        <li>
            <span class="ct-tab-this">案件进展</span>
        </li>
        <li>
            <span>附件列表</span>
        </li>
    </ul>
    <!-- 案件进展，时间线 -->
    <div class="caseprogress">
        <ul class="cp-timeline bg-white">
            <li class="cp-timeline-item cp-timeline-this">
                <div class="cti-l">
                    <p class="color-yellow">08-12</p>
                    <p class="color-yellow">15:50</p>
                </div>
                <div class="cti-r">
                    <p>案件资料提交中，等待律师审核，等待律师审核。</p>
                </div>
            </li>
            <li class="cp-timeline-item">
                <div class="cti-l">
                    <p class="color-yellow">08-12</p>
                    <p class="color-yellow">15:50</p>
                </div>
                <div class="cti-r">
                    <p>案件资料提交中，等待律师审核，等待律师审核。</p>
                </div>
            </li>
            <li class="cp-timeline-item">
                <div class="cti-l">
                    <p class="color-yellow">08-12</p>
                    <p class="color-yellow">15:50</p>
                </div>
                <div class="cti-r">
                    <p>案件资料提交中，等待律师审核，等待律师审核。</p>
                </div>
            </li>
            <li class="cp-timeline-item">
                <div class="cti-l">
                    <p class="color-yellow">08-12</p>
                    <p class="color-yellow">15:50</p>
                </div>
                <div class="cti-r">
                    <p>案件资料提交中，等待律师审核，等待律师审核。</p>
                </div>
            </li>
            <li class="cp-timeline-item">
                <div class="cti-l">
                    <p class="color-yellow">08-12</p>
                    <p class="color-yellow">15:50</p>
                </div>
                <div class="cti-r">
                    <p>案件资料提交中，等待律师审核，等待律师审核。</p>
                </div>
            </li>
            <li class="cp-timeline-item">
                <div class="cti-l">
                    <p class="color-yellow">08-12</p>
                    <p class="color-yellow">15:50</p>
                </div>
                <div class="cti-r">
                    <p>已完成(点击查看附件)</p>
                    <p>
                        <img src="__STATIC__/plugs/weixin/img/fj.png" width="14rem">
                        <span class="color-yellow fujian">审核是问答.doc</span>
                    </p>
                </div>
            </li>
        </ul>
    </div>
    <!-- 案件进展，附件列表 -->
    <div class="annex" style="display:none;">
        <ul class="annex-box">
            <li class="annex-box-item">
                <div class="abi-l">
                    <p>2018</p>
                    <p>03-10</p>
                </div>
                <div class="abi-r">
                    <p>
                        <img src="__STATIC__/plugs/weixin/img/fj.png" width="20rem">
                        <span class="color-yellow fujian">审核是问答.doc</span>
                    </p>
                </div>
            </li>
            <li class="annex-box-item">
                <div class="abi-l">
                    <p>2018</p>
                    <p>03-10</p>
                </div>
                <div class="abi-r">
                    <p>
                        <img src="__STATIC__/plugs/weixin/img/fj.png" width="20rem">
                        <span class="color-yellow fujian">审核是问答.doc</span>
                    </p>
                </div>
            </li>
            <li class="annex-box-item">
                <div class="abi-l">
                    <p>2018</p>
                    <p>03-10</p>
                </div>
                <div class="abi-r">
                    <p>
                        <img src="__STATIC__/plugs/weixin/img/fj.png" width="20rem">
                        <span class="color-yellow fujian">审核是问答.doc</span>
                    </p>
                </div>
            </li>
            <li class="annex-box-item">
                <div class="abi-l">
                    <p>2018</p>
                    <p>03-10</p>
                </div>
                <div class="abi-r">
                    <p>
                        <img src="__STATIC__/plugs/weixin/img/fj.png" width="20rem">
                        <span class="color-yellow fujian">审核是问答.doc</span>
                    </p>
                </div>
            </li>
            <li class="annex-box-item">
                <div class="abi-l">
                    <p>2018</p>
                    <p>03-10</p>
                </div>
                <div class="abi-r">
                    <p>
                        <img src="__STATIC__/plugs/weixin/img/fj.png" width="20rem">
                        <span class="color-yellow fujian">审核是问答.doc</span>
                    </p>
                </div>
            </li>
        </ul>
    </div>
    <script src="js/jquery-3.3.1.min.js"></script>
    <script>
        $(document).ready(function () { 
            $('.ct-tab li').each(function (){
                $('.ct-tab li').click(function () {
                    $('.ct-tab li span').removeClass('ct-tab-this');
                   $(this).children().addClass('ct-tab-this');
                    if($(this).index()==0){
                        $('.caseprogress').css('display','block');
                        $('.annex').css('display','none');
                    }else{
                        $('.caseprogress').css('display','none');
                        $('.annex').css('display','block');
                    }
                });
            });
         });
    </script>
</body>

</html>